@CHARSET "UTF-8";
body{
	/*内外边距均初始化为0*/
	margin: 0;
	padding: 0;
	/*顶部背景颜色设置 沿着水平方向平铺*/
	background: url("../img/header-background.png") repeat-x;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;/*去除列表项前的标记*/
}
a{
	/*清楚底部横线显示*/
	text-decoration: none;
	color: #87CEFA;
}
/*header div样式*/
.header{
	/*设置相对位置 生成相对定位的元素，相对于其正常位置进行定位。*/
	position:relative;
	width:760px;
	height:140px;
	margin:0 auto;
}
  
.header .logo{
	/*生成绝对定位的元素*/
	position: absolute;
	top:8px; /*距离顶部距离*/
	left:0px; /*距离右侧距离*/
}
.header h1 span{
	/*此元素不显示*/
	 display: none;
} 
.header h1{
	/*图片位置设置  不平铺  透明度*/
	background:transparent url("../img/title.png")  no-repeat;
	position: relative;
	left:55px;
	/*设置h1的高度，否则在取消内容显示时，h1的高度为0无法显示图片*/
	height:65px; 
	margin: 0 auto; /*外边距为0 自动 元素水平居中的*/
}
.header .main{
	/*生成绝对定位的元素*/
	position: absolute;
	top:92px;
}
.header li{
	/*设置标签悬浮效果*/
	float:left;
}
/*主导航样式设计*/
.header .main li{
	padding: 5px;
	left:0px;
}
/*网站首页背景图片*/
.header .main a{/*左侧圆弧*/
	color: white;
	background: url("../img/main-navi.gif") no-repeat;
	padding: 0 0 0 15px;/*为左侧的弧度留空间*/
	/*将a标签设置为块标签就可以设置边距和宽高，行标签不能设置*/
	display: block;
}
.header .main a b{
	display: block;
	/*上右下左*/
	padding:0 15px 0 0;/*为右侧的弧度留空间*/
	background: url("../img/main-navi.gif") no-repeat right;
}
/*网站首页鼠标滑过时背景图片*/
.header .main a:HOVER{/*左侧圆弧*/
	color: #87CEFA;
	background: url("../img/main-navi-hover.gif") no-repeat;
	padding: 0 0 0 15px;/*为左侧的弧度留空间*/
	/*将a标签设置为块标签就可以设置边距和宽高，行标签不能设置*/
	display: block;
}
.header .main a:HOVER b{
	display: block;
	padding:0 15px 0 0;/*为右侧的弧度留空间*/
	background: url("../img/main-navi-hover.gif") no-repeat right;
}

/*设计顶部导航的样式*/
.header .top{
	/**生成绝对定位的元素*/
	position: absolute;
	top:0px;
	right:0px;
	margin-top: 0;
	margin-right: 0;
}
.header .top li{
	/*设置悬浮效果*/
	float: left;
	padding:0 5px;
}

.header .top a{/*设置左侧背景图*/
	background: url("../img/top-navi-white.gif") no-repeat;
	padding: 0 0 0 15px;/*为左侧的弧度留空间*/
	/*将a标签设置为块标签就可以设置边距和宽高，行标签不能设置*/
	display: block;
}
.header .top span{/*设置右侧背景图*/
	display: block;
	padding:0 15px 0 0;/*为右侧的弧度留空间*/
	background: url("../img/top-navi-white.gif") no-repeat right;
}
/*顶部导航滑过效果*/

/*右侧导航效果*/
.header .right{
	position: absolute;
	top:44px;
	right:5px;
}
.header .right li{
	float: left;
	top:0;
	right:0;
	width: 93px;/*根据要添加的图片设置li的大小*/
	height: 110px;
}
.header .right span{/*隐藏文字*/
	display: none;
}
.header .right .login{
	display: block;/*块标签可以设置大小*/
	height: 110px;
	width: 93px;
	background: url("../img/account-left.jpg") no-repeat;
}
.header .right .car{
	display: block;/*块标签可以设置大小*/
	height: 110px;
	width: 93px;
	background: url("../img/account-right.jpg") no-repeat;
}
.header .right .login:HOVER{
	display: block;/*块标签可以设置大小*/
	height: 110px;
	width: 93px;
	/*定位在底部显示*/
	background: url("../img/account-left.jpg") no-repeat bottom;
}
.header .right .car:HOVER{
	display: block;/*块标签可以设置大小*/
	height: 110px;
	width: 93px;
	background: url("../img/account-right.jpg") no-repeat bottom;
}









